<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>收货地址</title>
		<link rel="stylesheet" href="../css/address.css">
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
		<link rel="stylesheet" href="../css/style.css">
		<style>
			.iconfont {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="dinwei">
			<div class="heard">
				<div class="content">
					<div class="box1">
						<div class="one">
							<a href="">oppo官网</a>
							<a href="">一加官网</a>
						</div>
						<div class="one-1">
							<a href="" id="act">下载OPPO商城App</a>
							<a href="./profile.html"><span
									class="iconfont icon-yonghu-xianxing"></span>&nbsp;&nbsp;倾念დ</a>
							<a href="./profile.html">我的订单</a>
							<a href="../index.html">退出</a>
							<a href="./cart.html" style="border: none;">&#128722;购物车(2)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="column">
				<div class="content">
					<div class="two">
						<h1>
							<a href="./indextwo.html">
								<img src="../img/9c6f387.png" style="width: 238px;height: 50px; display: inline-block;">
							</a>
						</h1>
						<div class="two1">
							<a href="">OPPO专区</a>
							<a href="">OnePlus专区</a>
							<a href="">智能硬件</a>
							<a href="">服务</a>
						</div>
						<div class="two2">
							<input type="text" placeholder="OPPO K10x">
							<span style="display: inline-block; margin-left:-3px; "><span id="btno"
									style="display: inline-block; margin-left:-3px;"><span
										class="iconfont icon-search"></span></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="box-er">
				<img src="../img/二维码.jpg" alt="">
				<p>扫描下载OPPO商城App</p>
			</div>
		</div>
		<div class="banner">
			<div class="nav">
				<div class="avatar">
					<a href="">
						<div class="img"></div>
					</a>
					<p><a href="./profile.html">倾念</a></p>
					<p>账户：155****5036</p>
					<a href="">
						<div class="icon">
							<div class="logo"></div>
							<span>签到</span>
						</div>
					</a>
				</div>
				<div class="guide">
					<ul>
						<li><a href="./profile.html">我的订单</a></li>
						<li><a href="">我的评价</a></li>
						<li><a href="">我的积分</a></li>
						<li><a href="">我的优惠券</a></li>
						<li><a href="">我的购物卡</a></li>
						<li><a href="">回收单</a></li>
						<li><a href="">回收代金券</a></li>
						<li><a href="">领券中心</a></li>
						<li><a href="" style="color: red;">收货地址</a></li>
						<li><a href="">发票抬头</a></li>
						<li><a href="">积分抵现</a></li>
						<li><a href="../html/personal data.html">账户管理</a></li>
					</ul>
				</div>
			</div>
			<div class="address">
				<div class="curr">
					<div class="logo2">
						默认
					</div>
					<p class="perple">
						<span class="names">赵诣深</span><span class="phone">15587325036</span>
						<span class="text update" style="margin-left: 115px;">编辑</span>
						<span class="text dell" style="margin-left: 20px;">删除</span>
					</p>
					<p class="text2">
						<span class="shen">山东省</span><span class="shi">济宁市</span><span class="xian">金乡县</span>
						<span class="jiedao">鱼山街道</span><span class="dizi">阳光花园9号楼...</span>
					</p>
				</div>

				<div class="curr1">
					<p>+添加新地址</p>
				</div>
				<div class="add hide" id="form">
					<input type="text" class="inp1" placeholder="请输入收货人的姓名">
					<p class="iii">请输入收货人姓名</p>
					<input type="text" class="inp2" placeholder="请输入11位手机号">
					<p class="ooo">请输入手机号</p>
					<div id='pcc-box'>
						<select class="inp3" name='province'>
						</select>
						<select class="inp4 hide" name='city' style="margin-right: 400px;">
						</select>
						<select class="inp5 hide" name='area'>
						</select>
						<select class="inp6 hide">
							<option>请选择街道</option>
							<option>鱼山街道</option>
							<option>马庙镇</option>
							<option>鱼山镇</option>
						</select>
					</div>
					<script src="../js/data.js"></script>
					<script src="../js/data-1.js"></script>
					<p class="text3">(不包括中国港澳台地区)</p>
					<textarea class="big" placeholder="详细地址"></textarea>
					<p class="text3" style="margin-top: 0;">请输入详情地址</p>
					<p style="color: rgba(0, 0, 0, 0.5);"><input type="checkbox">&nbsp;&nbsp;&nbsp;&nbsp;设为默认地址</p>
					<div class="minbox">
						<div class="btnq"
							style="color: black; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.5);"
							id="off">取消</div>
						<div class="btnq" style="color: #fff;background-color: red; display: none;" id="on">保存</div>
						<div class="btnq" style="color: #fff;background-color: red;" id="ob">保存</div>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="content">
				<div class="footer-box1">
					<ul>
						<li>
							<img src="../img/全国联保.png" alt="">
							<p>全国联保</p>
						</li>
						<li>
							<img src="../img/七天无理由logo.png" alt="">
							<p>七天无理由退货</p>
						</li>
						<li>
							<img src="../img/官方换货.png" alt="">
							<p>官方换货保障</p>
						</li>
						<li>
							<img src="../img/满包.png" alt="">
							<p>满69包邮</p>
						</li>
						<li style="margin-right: 0;">
							<img src="../img/零售网点.png" alt="">
							<p>900+家零售网点</p>
						</li>
					</ul>
				</div>
				<div class="list">
					<ul>
						<li>OPPO</li>
						<li><a href="">Find N 全新折叠屏</a></li>
						<li><a href="">OPPO Find X5 Pro</a></li>
						<li><a href="">OPPO Find X5</a></li>
						<li><a href="">OPPO Reno 8 pro+</a></li>
						<li><a href="">OPPO Reno 8 pro</a></li>
						<li><a href="">OPPO Reno 8</a></li>
						<li><a href="">OPPO Reno 7</a></li>
						<li><a href="">OPPO K10x</a></li>
						<li><a href="">OPPO K10</a></li>
					</ul>
					<ul>
						<li>一加</li>
						<li><a href="">一加 Ace Pro</a></li>
						<li><a href="">一加 Ace</a></li>
						<li><a href="">一加 Ace 竞速版</a></li>
						<li><a href="">一加 10 Pro</a></li>
						<li><a href="">一加 9RT</a></li>
						<li><a href="">一加手表</a></li>
						<li><a href="">一加 Buds Pro</a></li>
						<li><a href="">一加 Buds Z2</a></li>
					</ul>
					<ul>
						<li>智能硬件</li>
						<li><a href="">OPPO Watch 3</a></li>
						<li><a href="">OPPO 手环 2</a></li>
						<li><a href="">OPPO Watch 2</a></li>
						<li><a href="">OPPO Pad</a></li>
						<li><a href="">OPPO Pad Ari</a></li>
						<li><a href="">OPPO Enco X2</a></li>
						<li><a href="">OPPO Enco Ari2 pro</a></li>
						<li><a href="">OPPO Enco Ari2</a></li>
					</ul>
					<a href="">
						<div class="scrvice"><span class="logo1"><span
									class="iconfont icon-customer-service"></span></span> <span>在线客服</span></div>
					</a>
				</div>
				<div class="footer-footer">
					<p>© 2004-2022 OPPO 版权所有<a href="">粤ICP备14056724号 </a>| <a href="">隐私政策</a>|<a href="">
							用户使用协议</a>|
						<a href="">资质证照</a>| <a href="">知识产权</a>
					</p>
					<br>
					<p><img src="../img/警徽.png" alt=""><a href="" style="margin-left: 15px;">粤公安网备44190002001939号</a>
					</p>
				</div>
			</div>
		</div>

		<div class="soo hide">
			<div class="content">
				<img src="../img/9c6f387.png" alt="" width="238px" height="50px">
				<img src="../img/login/x.png" alt="" width="24px" height="24px" style="float: right;margin-right: 290px;
		    margin-top: 20px;" id="xs">
				<input type="text" placeholder="OPPO Reno 8 " id="lol" value="">
				<button id="lkl">搜索</button>
				<div class="pop">
					<ul>
						<li class="tyt">OPPPO Reno 8</li>
						<li class="tyt">OPPO Find X5</li>
						<li class="tyt">OPPO K10</li>
						<li class="tyt">OPPO Watch3</li>
						<li class="tyt">一加 Ace</li>
					</ul>
				</div>
				<div class="opo">
					<p>搜索发现</p>
					<ul>
						<li>OPPPO Reno 8 <span>热</span></li>
						<li>OPPO Find X5 <span>热</span></li>
						<li>OPPO K10 <span>热</span></li>
						<li>OPPO Watch3 <span>热</span></li>
						<li>一加 Ace <span>热</span></li>
					</ul>
				</div>
				<div class="jk hide">
					<p><span style="color: red; border-bottom:1px solid red; padding-bottom: 8px;">综合</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">最新</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">价格</span>
					</p>
					<div class="jkj">
						<div class="recommend">
							<ul>
								<a href="../html/opporeno8pro+.html">
									<li style="margin-left: 15px;" title="OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配">
										<img src="../img/8pro+.png" alt="">
										<p style="color: black;">OPPO Reno8 Pro+ 12G+...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
									</li>
								</a>
								<li title="OPPO Reno8 Pro 8G+256G 微醺 官方标配">
									<img src="../img/8pro.png" alt="">
									<p>OPPO Reno8 Pro 8G+...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3199</p>
								</li>
								<li title="OPPO Reno7 官方标配 星雨心愿 8G+128G">
									<img src="../img/7.png" alt="">
									<p>OPPO Reno7 官方标配 星雨...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2699</p>
								</li>
								<a>
									<li title="OPPO Reno7 SE 晨曦金 8G+256G">
										<img src="../img/7se.png" alt="">
										<p style="color: black;">OPPO Reno7 SE 晨曦金...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥2399</p>
									</li>
								</a>
								<li title="OPPO Reno7 Pro 官方标配 暮雪金 12G+256G" style="margin-left: 15px;">
									<img src="../img/7pro.png" alt="">
									<p>OPPO Reno7 Pro 官方标配...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3999</p>
								</li>
								<li title="OPPO Reno8 微醺 8G+128G 官方标配">
									<img src="../img/8.png" alt="">
									<p>OPPO Reno8 微醺 8G+128G...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2499</p>
								</li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/address.js"></script>
	</body>
</html>
